<template>
	<!-- 使用自定义头部组件 -->
	<my-header></my-header>
	<view class="box">
	  <view class="bg-color1 list-box">
	  	<my-search :items="items"></my-search>
	  	<template v-for="(item, index) in 10" :key="index">
	  		<assistant-item :assis="{}" :popup="chooseCatePopup"></assistant-item>
	  	</template>
	  </view>
	</view>
	<public-popup ref="pubPopupRef"></public-popup>
</template>

<script setup>
import { onMounted, ref } from 'vue';
const items = ['全部', '资深', '专家', '免出行费', '只看可预约'];

const pubPopupRef = ref(null);
const chooseCatePopup = ref(null);
// 组件挂载完毕
onMounted(() => {
	chooseCatePopup.value = pubPopupRef.value.chooseCatePopup;
});

</script>

<style lang="scss" scoped>
  .box{
    .list-box {
      overflow: hidden;
    }
  }
</style>
